<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Jewel Warrior</title>
    
    <link rel="stylesheet" href="styles/main.css" />
    <link rel="stylesheet" href="styles/fontfaces.css" />
    <script src="scripts/modernizr.js"></script>
    <script src="scripts/loader.js"></script>
</head>
<body>
    <div id="game">
        <div class="screen" id="splash-screen">
            <h1 class="logo">Jewel <br/>Warrior</h1>
            <span class="continue">Click to continue</span>
        </div>

        <div class="screen" id="main-menu"></div>
            <h2 class="logo">Jewel <br>Warrior</h2>
            <ul class="menu">
                <li><button name="game-screen">Play</button></li>
                <li><button name="hiscore">Highscore</button></li>
                <li><button name="about">About</button></li>
                <li><button name="exit-screen">Exit</button></li>
            </ul>
        <div class="screen" id="game-screen"></div>
        <div class="screen" id="high-scores"></div>
    </div>
</body>
</html>
